@charset "utf-8";

* {

  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /* max-width: 365px; */
}

.top {
  width: 100%;
  /* position: relative; */
  height: 47px;
  /* background-color: #37baf5; */
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/top.jpg') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;

}

.top .top_img {
  width: 30px;
  height: 30px;
  /* margin-right: 94px; */
  margin-left: 20px;
  margin-top: 0px;

}

.top .title {
  /* position: absolute; */
  font-size: 20px;
  font-family: FZZhunYuan-M02S;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0px;
 text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
  margin-left: calc(50% - 55px);
  transform: translateX(-30%);
}

.body_c {
  background-color: #103c63;
  /* height: 100vh; */
  height: calc(100vh - 47px);
  width: 100%;
  padding: 5px 4px 6px 4px;
  overflow: auto;
}

.body_nei {
  width: 100%;
  height: 100%;
  background-color: #b5dbff;
  border: 2px solid #779cbd;
  padding-top: 13px;
  overflow: scroll;
  padding: 13px 8px 15px;
}

.body_nei .gameplay {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f7e7ce;
  border: 1px solid;
  border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 2 2;
  box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 0.5px 0px #BB8D67;
  border-radius: 10px;
  padding: 10px;

}

.body_nei .gameplay .gameplay_top {
  margin-bottom: 25px;
}

.gameplay_top .tit {
  padding: 0 0 0 17px;
  margin-top: 0px;
  font-size: 14px;
  font-family: FZZhunYuan-M02S;
  font-weight: 400;
  /* line-height: 2; */
  /* line-height: 20px; */
  line-height: 150%;
  color: #8F6C49;
}

.gameplay_top p {
  /* padding: 0 0 0 15px; */
  margin-top: 5px;
  font-size: 18px;
  font-family: FZZhunYuan-M02S;
  font-weight: 400;
  margin-bottom: 5px;

  /* line-height: 2; */
  /* line-height: 20px; */
  line-height: 150%;
  color: #8F6C49;
}